Данный урок я решил построить следующим образом – сначала вкратце разберемся, что такое плагины Joomla, а затем чтобы не делать урок слишком скучным установим один из лучших плагинов для работы с изображениями и научимся с ним работать.
Но вначале как всегда немного теории, куда уж без неё.
Что такое плагины?
Плагины это одно из разновидностей расширений Joomla, но в отличие от рассмотренных ранее модулей на сайте их не заметно (но есть и исключения). Они исполняют роль невидимых работников, расширяя функционал сайта. Плагины могут выполнять совершенно различную роль.
Для того чтобы посмотреть какие плагины уже установлены в CMS Joomla 3.7 необходимо перейти в раздел «Расширения» -> «Плагины»:
А сейчас забудем про теорию и установим один из лучших, на мой взгляд, плагинов для создания превьюшек изображений под названием mAvik Thumbnails.
Установка и настройка плагина mAvik Thumbnails для Joomla 3
Для начала нам необходимо скачать плагин mAvik Thumbnails (ссылка на скачивание), затем устанавливаем как обычное расширение через админку сайта, воспользовавшись загрузкой файла пакета (как это делать мы говорили в данном уроке).
После того как плагин будет установлен его необходимо активировать и настроить.
Как включить плагин mAvik Thumbnails в Joomla 3
Для активации плагина mAvik Thumbnails переходим в раздел «Менеджер плагинов» («Расширения» -> «Плагины») и, используя строку поиска, находим и активируем его:
Плагин включен, но для правильной работы его еще необходимо настроить.
Настройка и обзор версий
Настройка плагина не сложная, к тому же в бесплатной версии некоторые вкладки с настройками закрыты, но в большинстве случаев бесплатных функций более чем достаточно.
На первой вкладке с названием «Плагин» мы указываем плагину, какие изображения и каким образом обрабатывать:
На вкладке «Плагин» нам доступно всего четыре параметра:
-
Обрабатывать - при помощи данного параметра мы указываем, какие именно изображения плагин должен обрабатывать, хочу заметить, что обработке подлежат только изображения в области контента. Вариантов не много, но достаточно:
- Все изображения – будут обрабатываться все изображения без исключения, при условии, что их габариты (ширина либо высота) больше тех, что указаны в плагине.
- Только с классами – будут обработаны изображения, которым присвоен определенный класс
- Кроме классов – изображения с указанными классами обрабатываться не будут.
- Ничего – ни одно из изображений не будет обработано.
- Классы - указываем те классы (через пробел) которые будут либо не будут обработаны плагином
- Тип всплывающего окна - при помощи данного параметра можно изменять стиль отображения полноэкранных изображений. Другими словами как будет показано изображение при нажатии на его миниатюру. По умолчанию выбрано значение «Slimbox 2», но можно выбрать и другое которое подойдет именно Вам.
- Изображения внутри ссылок - указываем, как обрабатывать изображения внутри ссылок. Варианта три – обычная обработка, только уменьшать и пропускать.
Вкладку «Плагин» рассмотрели следующая вкладка, которая нас интересует это «Пропорции и размеры». Тут так же четыре параметра:
- Пропорции – указываем метод получения превьюшки, другими словами как именно стоит уменьшить изображение
- Размер по умолчанию – указываем, для каких изображений будут применены указанные ниже размеры по умолчанию
- Ширина по умолчанию (px) – указываем ширину, до которой будет уменьшено изображение, другими словами ширину превьюшки (если ширина изображения меньше указанной, то никакой превьюшки создано не будет).
- Высота по умолчанию (px) – аналогично предыдущему параметру, но вместо ширины указываем высоту.
Давайте рассмотрим на примере, как работают данные параметры. Допустим, вы загрузили изображение, размеры которого 1000х520 пикселей. А в качестве значения размеров по умолчанию выставим 695 пикселей по ширине и 200 по высоте при этом нам необходимо сохранить пропорции изображения (чтоб превьюшка не получилась вытянутой или растянутой). В результате наше изображение будет уменьшено до размеров 381х200 пикселей и пропорции будут сохранены. Если пропорции не соблюдать тогда миниатюра изображения будет строго указанного размера (695х200), но при этом будет вытянутой, что не совсем правильно.
И последняя вкладка настроек, которую следует рассмотреть это вкладка «Система», в ней можно поменять системные настройки плагина mAvik Thumbnails. Параметров в ней достаточно много, но все они нам не интересны, разберем только самые основные:
На скриншоте видно, за что отвечает тот или иной параметр – мы можем изменить качество создаваемых миниатюр (превьюшек) тем самым уменьшив их размер, можем указать место их хранения и так далее. Остальные параметры меняются крайне редко.
Мы рассмотрели основные настройки плагина mAvik Thumbnails, которые доступны для бесплатной версии. Платная версия даст возможность расширить функционал плагина, например можно будет создавать галереи изображений, настраивать эффекты увеличивающегося изображения при наведении на миниатюру и некоторые другие функции.
В заключении хочу отметить еще одну замечательную особенность данного плагина – уменьшение размера страницы за счет уменьшения изображений. При загрузке страницы изначально загружаются только миниатюры, а оригинал будет загружен только после того как пользователь нажмет на миниатюру. Это позволяет увеличить скорость загрузки страниц и как следствие снизить количество отказов.
